<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>你办囍事 我送囍酒</title>
		<meta name="viewport" content="width=640,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="/Public/game/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="<?php echo  C('HTTP_HOST_URL');?>/Public/game/css/Ranking_Self.css" />
		<link rel="stylesheet" type="text/css" href="/Public/game/css/animate.css"/>
	</head>
    
	<body>
		<include file="./Application/Home/View/Page/wechatsdk.html" />
		<div class="web">
			<div class="top">
				<span>我的排行榜</span>
			</div>
			<div class="mid">
				<ul>
					<foreach name="data" item="item" key="key" >  
					<li>
                        <if condition="$key lt 3 ">
                            <img src="/Public/game/images/Ranking_mid<?php echo $key+1;?>.png"/>
                        </if>
						<span><?php echo $key+1;?></span>
						<div><img src="{$item.image}" alt="" /></div>
						<span>{$item.name}</span>
						<h4>位宾客
							<p>{$item.people}</p>
						</h4>
					</li>
                     </foreach>

				</ul>
			</div>

			<!--******************自己***********************-->
			<div class="self">
				<ul>
					<li>
						<span class="animated tada infinite">{$meScore}</span>
						<div><img src="{$meBanData.image}" alt="" /></div>
						<span>{$meBanData.name}</span>
						<h4>位宾客
							<p>{$meBanData.people}</p>
						</h4>
					</li>
				</ul>
			</div>
			<!--******************底部***********************-->
			<div class="bot">
                <button></button>
			</div>
		</div>
	</body>
    <script src="<?php echo  C('HTTP_HOST_URL');?>/Public/game/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(".bot button").on("click",function(){
            location.href = "<php>echo \Org\Net\Fun::url('home/page/index');</php>";
        })
    </script>
</html>